<template>
  <div>
    <div ref="editorContainer"></div>
    <button @click="saveContent">保存</button>
    <div v-if="savedContent" v-html="savedContent"></div>
  </div>
</template>

<script>
import WangEditor from "wangeditor";

export default {
  data() {
    return {
      savedContent: "", // 用于保存编辑器内容
      editor: null, // 用于存储编辑器实例
    };
  },
  mounted() {
    // 创建编辑器实例并存储在 data 中
    this.editor = new WangEditor(this.$refs.editorContainer);
    this.editor.create();
  },
  methods: {
    saveContent() {
      // 使用编辑器实例获取内容
      this.savedContent = this.editor.txt.html();
      console.log(this.savedContent); // 输出保存的内容
    },
  },
};
</script>
